// 导入Vite的配置定义函数
import { defineConfig } from "vite";
// 导入Vue插件，用于支持Vue项目的编译和热更新
import vue from "@vitejs/plugin-vue";
// 1. 导入path模块，用于处理文件和目录路径
import path from "path"; 
// 2. 导入vite插件，用于处理Vue组件和JSX
import vueJsx from '@vitejs/plugin-vue-jsx';

/**
 * 导出一个默认配置
 * 此配置用于定义项目的主要配置参数，如模块、插件、构建等
 * 通过这种方式，可以集中管理项目的各种设置，提高项目的可维护性和可配置性
 */
export default defineConfig({
  // 2. 配置Vue插件和Vue JSX插件
  plugins: [vue(), vueJsx()],
  // 解析别名以更好地导入模块
  resolve: {
    alias: {
      // 1. 定义一个别名 "@"，指向当前目录下的 "src" 文件夹的绝对路径
      "@": path.resolve(__dirname, "src"),
    },
  },
});
